<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>双向绑定</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
<style>
    .mi-bar{
        width: 100%;
        height: 100px;
        background-color: salmon;
    }
</style>
</head>

<body>
<div id="app">

<div >{{mess}}</div>
<input v-model="mess"/>
<div class="mi-bar" v-html="mess">xxx</div>
</div>
<script>
    var v = new Vue({
        el:"#app",
        data:{
            mess:"<h1>大标题</h1>"
        }

    });

</script>
</body>
</html>